<template>
  <!--模板-->
  <h1>列表页面</h1>
  <!--查询-->
  <find></find>
  <!--列表-->
  <grid></grid>
  <!--分页-->
  <pager :name="state.pagerState.pagerIndex"></pager>

  <hr>
  pagerState： {{ state.pagerState }}<br>
  mini： {{ state.query.mini }}<br>
  array：{{ state.query.array }}<br>
</template>


<script setup lang="ts">
  import { reactive, ref } from 'vue'
  
  import pager from './comp/pager.vue'
  import find from './comp/find.vue'
  import grid from './comp/grid.vue'

  import getData from './service'

  // 获取父组件的状态
  import { createListState } from './state/list'


  // 创建一个状态
  const state = createListState(getData)

  const name = ref('aa')
 
</script>